<template>
	<view class="">
		<!-- <view style="background: linear-gradient(180deg,#e0f4ff, #f8f9f9);">
			
			<view :style="{backgroundImage:'url('+$ftpUrl('/maskGround.png')+')'}"
				style="padding: 20rpx 40rpx; height: 240rpx; width: 690rpx;margin: auto;background-size: cover;background-repeat: no-repeat;">
				<view style="color: #fff;">
					<view >账户余额（元）</view>
					<view class="u-flex u-row-between u-margin-top-60">
						<view>
							<text>￥</text><text class="u-font-weight" style="font-size: 60rpx;">{{info.balance}}</text>
						</view>
						<view>
							<u-button @click="$Go('/pages/store/index?isCharge=1')" type='warning' size='mini' shape="square">充值</u-button>
						</view>
					</view>
				</view>
			</view>
		</view> -->
		<view v-for="(item,index) in list" :key='index'
		style="background: #fff;;width: 700rpx;margin:20rpx auto;border-radius: 8px;
box-shadow: 0px 2px 8px 0px rgba(197,197,197,0.30); "
		class=" u-padding-40">
			<view class="u-flex u-row-between">
				<view class="u-font-weight">{{item.storeName}}</view>
				  <view  class="u-type-info u-font-22">{{item.createTime}}</view>
				  
			</view>
			<view class="u-margin-top-20">
				  <view style="">+{{item.payMoney}}</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import loader from '@/common/loadPage.js';
	export default{
		mixins: [loader],
		data(){
			return{
				info:'',
				list: [],
				initial: {
					geturl: "/indent/rechargeList",
					parm: {
						
					},
					isPage: true
				},
			}
			
		},
		methods:{
			getUser() {
				this.$u.api.userInfo().then(res => {
					this.info = res;
				})
			},
		},
		onShow() {
			this.getGoods();
			this.getUser()
		}
	}
</script>

<style>
</style>